/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

@import "base/environment";

body.embedded {

  // New UI adds more layout elements, so needs
  // this for the self-enrollments footer to
  // stick at the bottom of the iframe-modal.
  .ic-Layout-columns {
    min-height: 100vh !important;
  }

  // Only give the layout element styles when
  // the body is embedded in an iframe, so the
  // footer is not absolutely positioned when the
  // page is viewed outside an iframe-modal
  .ic-Self-enrollment-footer-modal-layout {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: $ic-sp;
    margin: 0 -1em !important;
    background-color: $ic-bg-light-neutral;
    border-top: 1px solid $ic-border-light;
    text-align: right;
    .footer-info {
      //position: absolute;
      //left: 1em;
      //top: 1.5em;
    }
    .ic-Self-enrollment-footer {
      margin-top: 0;
    }
  }
}

.ic-Self-enrollment-form {
  margin-bottom: 0;
}

.ic-Self-enrollment-footer {
  margin-top: $ic-sp*2;
  display: flex;
  align-items: center;
}

// primary element contains button(s)
// and is right-text-aligned
.ic-Self-enrollment-footer__Primary {
  flex: 1;
  text-align: right;
}
